import React from "react";

import "../../../../css/mobile/mobilelogin.less";
import {Link} from "react-router";

export default class Login extends React.Component{  
    constructor(){
        super();
        this.state={
            localstorage:localStorage.getItem("username")
        }
    }
    render(){
console.log(this.state.localstorage)
let data=this.state.localstorage?this.state.localstorage:"登录";
let flag=this.state.localstorage?"loginshow  loginhide":"loginhide";
        return(
        <div>
            
            <div className="mobile_login">
                <div className="mobile_hnav">
                    <p className="shezhi"><Link to="/shezhi"><span>&#xe6a3;</span>设置</Link></p>
                </div>
                <div className="denglu"><Link to={`/mobiledenglu`}> {data}</Link><img className={this.state.localstorage?"loginshow  ":"loginhide loginhide"} src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1656718218,2905121054&fm=27&gp=0.jpg"/></div>
                <div className="login_div">
                    
                </div>
                <div className="sanfanglogin">
                    <Link to ={`/weixinlogin`}><span><span>&#xe693;</span>微信登录</span></Link>
                    <Link to ={`/weibologin`}><span className="weibo"><span>&#xe620;</span>微博登录</span></Link>
                    <Link to ={`/QQlogin`}><span><span>&#xe654;</span>QQ登录</span></Link>
                </div>
                <div className="xiaoxi">
                    <ul>
                        <li><span className="wodexiaoxi">&#xe60a;</span>我的消息</li>
                        <li><span className="dongtai">&#xe655;</span>最新动态</li>
                        
                    </ul>
                </div>
                <div className="xiaoxi">
                    <ul>
                        <li><span className="shangcheng">&#xe604;</span>金币商城</li>
                        <li><span className="jinbi">&#xe65d;</span>金币任务</li>
                        <li><span className="qianbao">&#xe601;</span>我的钱包</li>
                        
                    </ul>
                </div>
                <div className="xiaoxi">
                    <ul>
                        <li><span className="shangcheng">&#xe6af;</span>离线阅读</li>
                        <li><span className="jinbi">&#xe621;</span>夜间模式</li> 
                    </ul>
                </div>
                
            </div>
            
        </div>
        )
    }
}